<template>
  <div class="Patientcase">
    <div>
      <el-breadcrumb separator="/">
        <el-breadcrumb-item :to="{path:'/'}">患者管理</el-breadcrumb-item>
        <el-breadcrumb-item><a href="/patientcaser">新增病例</a></el-breadcrumb-item>
      </el-breadcrumb>
    </div>
    <div class="biaoti">
        <h2>患者信息</h2>
    </div>
 
     <el-row :gutter="20" class="row">
      <el-col :span="6"><div class="grid-content bg-purple">患者姓名：张三</div></el-col>
      <el-col :span="6"><div class="grid-content bg-purple">性别：女</div></el-col>
      <el-col :span="6"><div class="grid-content bg-purple">患病年龄：30岁</div></el-col>
      <el-col :span="6"><div class="grid-content bg-purple">现居住地：北京市海淀区</div></el-col>
     </el-row>
     <el-divider></el-divider>
    <div class="biaoti">
        <h2>现病史</h2>
    </div> 
    <el-row :gutter="20">
      <el-col :span="15">
      <div class="grid-content bg-purple">诊断：</div>
      <el-select class="patient_name" v-model="value1" placeholder="请选择">
            </el-select>
      </el-col>
      <el-col :span="5">
      <div class="grid-content bg-purple neirong">诊断内容：</div>
      <el-select class="patient_name" v-model="value2" placeholder="请选择">
            </el-select>
      </el-col>
    </el-row>
    <el-divider></el-divider>
    <div class="fuzhu">
        <h1>辅助检查</h1>
    </div>
    <el-row :gutter="20">
      <el-col :span="15">
      <div class="grid-content bg-purple">脑电图：</div>
      <el-select class="patient_name" v-model="value3" placeholder="请选择">
            </el-select>
      </el-col>
      <el-col :span="5">
      <div class="grid-content bg-purple neirong">异常内容：</div>
      <el-select class="patient_name" v-model="value4" placeholder="请选择">
            </el-select>
      </el-col>
    </el-row>
    <el-row :gutter="20">
      <el-col :span="15">
      <div class="grid-content bg-purple">核磁/CT：</div>
      <el-select class="patient_name" v-model="value5" placeholder="请选择">
            </el-select>
      </el-col>
      <el-col :span="5">
      <div class="grid-content bg-purple neirong">异常内容：</div>
      <el-select class="patient_name" v-model="value6" placeholder="请选择">
            </el-select>
      </el-col>
    </el-row>
    <el-row :gutter="20">
      <el-col :span="15">
      <div class="grid-content bg-purple">核磁/CT：</div>
      <el-select class="patient_name" v-model="value7" placeholder="请选择">
            </el-select>
      </el-col>
    </el-row>
    <el-divider></el-divider>
    
  </div>
</template>

<script>
export default {
  name: "Patientcase",
  data() {
    return {
        value1:"",
        value2:"",
        value3:"",
        value4:"",
        value5:"",
        value6:"",
        value7:"",
    }
  },
  mounted() {
  },
  methods: {}
}
</script>

<style scoped lang="less">
.biaoti{
    text-align: center;
}
.el-row {
    text-align: center;
    margin: 30px 0;
}
.grid-content{
display: inline-block;
}
</style>